export const rateColors = [
  {
    type: 'linear',
    x: 0,
    x2: 1,
    y: 0,
    y2: 0,
    colorStops: [
        {
            offset: 0.5,
            color: 'rgba(255, 154, 64, 0.7)',
        },
        {
            offset: 0.5,
            color: 'rgba(255, 154, 64, 0.4)',
        },
        {
            offset: 0.5,
            color: 'rgba(255, 154, 64, 0.6)',
        },
        {
            offset: 1,
            color: 'rgba(255, 154, 64, 0.4)',
        },
    ],
  },
  {
      type: 'linear',
      x: 0,
      x2: 1,
      y: 0,
      y2: 0,
      colorStops: [
          {
              offset: 0.5,
              color: 'rgba(243, 205, 72, 0.7)',
          },
          {
              offset: 0.5,
              color: 'rgba(243, 205, 72, 0.4)',
          },
          {
              offset: 0.5,
              color: 'rgba(243, 205, 72, 0.6)',
          },
          {
              offset: 1,
              color: 'rgba(243, 205, 72, 0.4)',
          },
      ],
  },
  {
      type: 'linear',
      x: 0,
      x2: 1,
      y: 0,
      y2: 0,
      colorStops: [
          {
              offset: 0.5,
              color: 'rgba(32, 214, 179, 0.7)',
          },
          {
              offset: 0.5,
              color: 'rgba(32, 214, 179, 0.4)',
          },
          {
              offset: 0.5,
              color: 'rgba(32, 214, 179, 0.6)',
          },
          {
              offset: 1,
              color: 'rgba(32, 214, 179, 0.4)',
          },
      ],
  },
  {
      type: 'linear',
      x: 0,
      x2: 1,
      y: 0,
      y2: 0,
      colorStops: [
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.7)',
          },
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.4)',
          },
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.6)',
          },
          {
              offset: 1,
              color: 'rgba(75, 230, 230, 0.4)',
          },
      ],
  },
  {
      type: 'linear',
      x: 0,
      x2: 1,
      y: 0,
      y2: 0,
      colorStops: [
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.4)',
          },
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.4)',
          },
          {
              offset: 0.5,
              color: 'rgba(75, 230, 230, 0.6)',
          },
          {
              offset: 1,
              color: 'rgba(75, 230, 230, 0.4)',
          },
      ],
  },
]